﻿@{
    ViewBag.Title = "Contact";
    Layout = "~/Views/Shared/_Contact.cshtml";
}
<script type="text/javascript">
    $(document).ready(function () {
        $('.box .form .dropdown .textbox input[type=text]#txtSendTo').click(function () {
            $('.box .form .dropdown .dropdownItem').css({ display: "none" }).show(400);
        });
        $('.box .form .dropdown .dropdownItem ul li').click(function () {
            $('.box .form .dropdown .dropdownItem').hide();
            $('.box .form .dropdown .textbox input[type=text]#txtSendTo').val($(this).html());
        });
        $('.box').click(function () {
            if ($('.box .form .dropdown .dropdownItem').attr("style") == "display: block;") {
                $('.box .form .dropdown .dropdownItem').hide();
            }
        });

        $('.box .form .textbox').click(function () {
            $('.box .form .textbox').css({ border: "3px solid #F0F0F0" });
            $(this).css({ border: "3px solid #d7416e" });
        });
        $('.box .form .textbox').focusout(function () {
            $('.box .form .textbox').css({ border: "3px solid #F0F0F0" });
        })
        $('.box .form .textbox textarea').click(function () {
            if ($(this).val() == "NỘI DUNG")
                $(this).val("");
        });
        $('.box .form .textbox textarea').focusout(function () {
            if ($(this).val() == "")
                $(this).val("NỘI DUNG");
        });
        $(document).keypress(function (e) {
            if (e.keyCode == 27) {
                $('.dropdownItem').hide();
            }
        });
    })
</script>
<div class="header">
    <p>Thông tin liên hệ</p>
    <div class="clr"></div>
</div>
<div class="box pd20">
    <div id="infoContact">
        <p><b>SHOP THỚI TRANG ONLINE: NHAPHANGQUANGCHAU.COM</b></p>
        <p>
            <b>Địa chỉ: </b>Gia Lâm, Hà Nội
        </p>
        <p>
            <b>Điện thoại: </b>043 5454 555 - Fax: 043 6259 7777 - Hotline: 0989 613 898
        </p>
        <p>
            <b>Email: </b>trunghieu.global@gmail.com - Mr.nvphuc@gmail.com
        </p>
        <p>
            <b>Website: </b>www.nhaphangquangchau.com
        </p>
        <p>
            Cảm ơn quý khách đã tin tưởng và sử dụng sản phẩm/ dịch vụ của chúng tôi.  Mọi yêu cầu tư vấn hay thắc mắc về sản phẩm, quy định của công ty quý khách vui lòng điền theo mẫu dưới đây và gửi về hòm thư. Chúng tôi sẽ tiếp nhận và liên hệ lại với quý khách sớm nhất! Trân trọng cảm ơn!
        </p>
    </div>
    <div class="form">
        <div class="dropdown">
            <div class="textbox">
                <input type="text" id="txtSendTo" value="Gửi về" />
                <div class="iconDrop"></div>
            </div>
            <div class="dropdownItem">
                <ul class="lstDropItem">
                    <li class="itemDrop">Hà Nội</li>
                    <li class="itemDrop">Hồ Chí Minh</li>
                    <li class="itemDrop">Lạng Sơn</li>
                    <li class="itemDrop">Cao Bằng</li>
                    <li class="itemDrop">Bắc Giang</li>
                    <li class="itemDrop">Bắc Ninh</li>
                    <li class="itemDrop">Yên Bái</li>
                    <li class="itemDrop">Cà Mau</li>
                    <li class="itemDrop">Vũng Tàu</li>
                    <li class="itemDrop">Thanh Hóa</li>
                    <li class="itemDrop">Nghệ An</li>
                    <li class="itemDrop">Hà Tĩnh</li>
                </ul>
            </div>
        </div>
        <div class="textbox">
            <input type="text" id="txtName" onfocus="if(this.value=='HỌ VÀ TÊN') this.value='';" onblur="if(this.value=='') this.value='HỌ VÀ TÊN';" value="HỌ VÀ TÊN" />
        </div>
        <div class="textbox">
            <input type="text" id="txtCompany" onfocus="if(this.value=='CÔNG TY') this.value='';" onblur="if(this.value=='') this.value='CÔNG TY';" value="CÔNG TY" />
        </div>
        <div class="textbox">
            <input type="text" id="txtAddress" onfocus="if(this.value=='ĐỊA CHỈ') this.value='';" onblur="if(this.value=='') this.value='ĐỊA CHỈ';" value="ĐỊA CHỈ" />
        </div>
        <div class="textbox phonemail">
            <input type="text" id="txtPhone" onfocus="if(this.value=='ĐIỆN THOẠI') this.value='';" onblur="if(this.value=='') this.value='ĐIỆN THOẠI';" value="ĐIỆN THOẠI" />
        </div>
        <div class="textbox phonemail">
            <input type="text" id="txtMail" onfocus="if(this.value=='EMAIL') this.value='';" onblur="if(this.value=='') this.value='EMAIL';" value="EMAIL" />
        </div>
        <div class="textbox">
            <textarea id="txtContent">NỘI DUNG</textarea>
        </div>
        <div class="button">
            <input type="button" value="Gửi" id="btnSend" />
            <input type="button" value="Hủy" id="btnCancel" />
        </div>
    </div>
    <div id="GoogleMaps">
        <p><b>BẢN ĐỒ GOOGLE MAPS:</b></p>
        <div id="div_id" style="height: 375px; width: 740px"></div>
    </div>
</div>
